<!DOCTYPE html>

<html>
<head>


    <link href="../../resources/css/bootstrap.css"  rel="stylesheet">
    <link href="../../resources/css/stylesheets/main.css"  rel="stylesheet">
    <title></title>
</head>
<body ng-app>
    <div ng-controller="manageList" >
        <div style="width: 100%;" >
            <ul class="nav nav-list"  >
                <li  class="nav-header">
                    <span>Eventos</span>
                </li>
                <li class="table">
                    <a href="Nuevo Evento" class="row "> 
                        <label style="width:150px;" class="cell">
                            <span >Nuevo Evento</span>
                        </label>
                          <label class="cell">                         
                              <i class="icon-plus-sign icon-black"></i>                            
                         </label>                                                     
                        
                    </a>
                </li>
                <li ng-repeat="event in eventList" class="table">
                        <a href="{{event.url}}" class="row ">
                            <label class="cell" >{{event.nombre}}</label>                                                    
                            <label class="cell">                         
                                <i class="icon-chevron-right icon-black  "></i>                            
                             </label>                            
                         </a>

                     </div>
                     
                </li>
            </ul>

        </div>
    </div>

<!-- SCRIPTS -->
   <script src="js/eventos.controler.js" type="text/javascript"></script>
    <script src="../../resources/js/angular.min.js" type="text/javascript"></script>
</body>
</html>